import Vue from 'vue'
import './plugins/axios'
import App from './App.vue'
import router from './router'
import store from './store'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/swiper-bundle.css'
import { 
  Icon,
  Swipe,SwipeItem,
  Lazyload,
  Card,
  IndexBar,
  IndexAnchor,
  Image as VanImage,
  Search,
  Field,
  Button,
  Toast,
  Empty,
  Loading,
  Checkbox,
  Stepper,
  Rate,
  Popup,
  GoodsAction,
  GoodsActionIcon,
  GoodsActionButton,
  ContactCard,
  Cascader,
  Overlay,
  Tab, Tabs,
  Dialog,
  Uploader,
  ActionSheet,
  Step, Steps
} from 'vant';
import 'lib-flexible';

Vue.use( Icon );
Vue.use( Swipe ).use( SwipeItem );
Vue.use( Lazyload );
Vue.use(Card);
Vue.use( IndexBar ).use( IndexAnchor );
Vue.use( VanImage );
Vue.use(Search);
Vue.use(Field);
Vue.use(Button);
Vue.use(Toast);
Vue.use(Empty);
Vue.use(Loading);
Vue.use(Checkbox);
Vue.use(Stepper);
Vue.use(Rate);
Vue.use(Popup);
Vue.use(GoodsAction).use(GoodsActionIcon).use(GoodsActionButton);
Vue.use(ContactCard);
Vue.use(Cascader);
Vue.use(Overlay);
Vue.use(Tab).use(Tabs);
Vue.use(Dialog);
Vue.use(Uploader);
Vue.use(ActionSheet);
Vue.use(Step).use(Steps);
Vue.use(VueAwesomeSwiper, /* { default options with global component } */)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
